window.addEventListener("load", function () {
	//功能一: 表单验证
	// 思路:
	// 1.获取相应节点$(".register input")
	// 2.遍历input 给input绑定失焦事件

	$(".register input").forEach(function (v, i) {
		v.addEventListener("blur", function () {
			// 需求一:第一个input框验证6-12位的字母和数字
			let regex = /^[a-zA-Z0-9]{6,20}$/;
			if (i === 0) {
				if (regex.test(this.value)) {
					$(".register span")[i].classList.remove("on");
				} else {
					$(".register span")[i].classList.add("on");
				}
			}
			//需求二: 第二个input框验证11位的电话号码
			regex =
				/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
			if (i === 1) {
				if (regex.test(this.value)) {
					$(".register span")[i].classList.remove("on");
				} else {
					$(".register span")[i].classList.add("on");
				}
			}
			// 需求三:第四个input框验证6-12位的密码
			regex = /^[a-zA-Z0-9]{6,12}$/;
			if (i === 3) {
				if (regex.test(this.value)) {
					$(".register span")[i].classList.remove("on");
				} else {
					$(".register span")[i].classList.add("on");
				}
			}
		});
	});

	// 功能二:获取验证码点击之后有30秒的冷却时间
	// 1.获取相应节点$(".register #button button")
	// 2.给button绑定点击事件
	// console.log($(".register #button button"))
	let timer = "";
	$(".register #button button").addEventListener("click", function () {
        // 3.点击之后按钮禁用,且内容更换为定时器给到的内容
		// 点击之后按钮禁用
		$(".register #button button").disabled = true;
		let number = 30;
		timer = setInterval(function () {
			number--;
			$(".register #button button").textContent = `倒计时${number}秒`;
			if (number === 0) {
				clearInterval(timer);
				$(".register #button button").textContent = "获取验证码";
				// 时间过了之后按钮恢复使用
                $(".register #button button").disabled = false;
                timer = "";
			}
		}, 1000);
	});
// 功能三:点击我已经阅读,立即注册才能被点击
// 1.获取相应节点  $("#checkbox") $("#btn")
// 2.被input 绑定点击事件 
$("#checkbox").addEventListener("click",function(){
    console.log($("#checkbox input").checked == true)
    if($("#checkbox input").checked == true){
        $("#btn").disabled = false
    } else{
        $(".register #btn").disabled = true
    }
})
// 3.被选中时立即清除取消禁用,没有被选中时禁用注册框



});
